---
title: Chart Blocks
description: Data visualization components with retro styling.
---

## Chart Blocks

Data visualization components with retro styling. Perfect for dashboards, analytics pages, and data presentation.

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 my-6">
  <a href="/docs/blocks/charts/chart-bar" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Bar Chart</h4>
    <p className="text-sm text-muted-foreground">Simple bar chart visualization</p>
  </a>
  <a href="/docs/blocks/charts/chart-bar-multiple" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Multiple Bar Chart</h4>
    <p className="text-sm text-muted-foreground">Grouped bar chart comparison</p>
  </a>
  <a href="/docs/blocks/charts/chart-area-step" className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors">
    <h4 className="font-bold mb-1">Step Area Chart</h4>
    <p className="text-sm text-muted-foreground">Stepped area chart for trends</p>
  </a>
</div>

